<include file="public/head" />
</head>
<body>
<div class="am-modal am-modal-alert" tabindex="-1" id="fq_alert">
  <div class="am-modal-dialog">
    <div class="am-modal-hd" id="fq_alert_title"></div>
    <div class="am-modal-bd" id="fq_alert_info">
    </div>
    <div class="am-modal-footer">
      <span class="am-modal-btn">确定</span>
    </div>
  </div>
</div>
<div class="am-modal am-modal-confirm" tabindex="-1" id="fq_confirm">
  <div class="am-modal-dialog">
    <div class="am-modal-hd" id="fq_confirm_title"></div>
    <div class="am-modal-bd" id="fq_confirm_info"></div>
    <div class="am-modal-footer">
      <span class="am-modal-btn" data-am-modal-confirm="">确定</span>
    </div>
  </div>
</div>

<link rel="stylesheet" href="__STATIC__/itaoke/mobile/css/integralmall.css">
<script src="__STATIC__/itaoke/mobile/js/lArea.min.js"></script>

<div class="am-modal am-modal-confirm" tabindex="-1" id="fq_true_confirm">

    <div class="am-modal-dialog">
        <div class="am-modal-hd" id="fq_true_confirm_title"></div>
        <div class="am-modal-bd" id="fq_true_confirm_info"></div>
        <div class="am-modal-footer">
            <span class="am-modal-btn" data-am-modal-cancel="">取消</span>
            <span class="am-modal-btn" data-am-modal-confirm="">确定</span>
        </div>
    </div>
</div>

<!-- modal end -->
<div class="am-bd">
    <header style="position:relative;z-index:999;background:#F54D23;">
    <a href="javascript:void(0);" onclick="back();" style="position:absolute;top:2px;color:#fff;width:45px;height:100%;padding-left:10px;font-size:25px;" class="am-inline-block am-text-middle am-icon-angle-left"><!-- <img src="__STATIC__/itaoke/mobile/images/left.png" />--></a><div class="am-per-center am-text-center am-padding-vertical-sm" style="color:#fff;font-size:16px;">兑换详情</div>
</header>
<script>

    function back(){
       var last_page_url = (document.referrer);
       if(last_page_url){
          	window.history.back();
		}else{
			window.location.href ='{:U('User/index')}';
		}
    }

</script>
    <!--    商品信息-->

    <div class=" am-display am-padding-sm am-padding-horizontal-sm ">

        <div data-am-widget="gallery" data-am-gallery="{  pureview: 'true' }" class="am-no-layout">

            <img src="{:attach(str_replace('_s.'.array_pop(explode('.', $order['img'])), '_b.'.array_pop(explode('.', $order['img'])), $order['img']), 'score_item')}" class="am-img am-fl am-margin-right-xs" data-am-pureviewed="1">
                <div class="am-order am-text-xs am-text-center am-margin-right-xs"><span style="display:inline-block; position:relative;top:-2px">ID：<span class="prizeid" style="display:inline-block; position:relative;">{$order.item_id}</span></span></div>
        </div>

        <div><strong class="line-clamp am-margin-bottom-sm">{$order.title} </strong></div>

        <span class="credit am-text-xs am-fl">积分：<span class="am-credit am-text-xs deduct_score">{$order.order_score}</span> 分</span>
        <br>
        <div>
            <span class=" price am-text-xs">市场价：¥<span class="am-price am-text-xs">{$order.price}</span></span>
            <span class="volume am-fr am-text-xs">券后价：<span class="am-volume am-text-xs">¥{$order.coupon_price}</span></span>

        </div>

    </div>

    <!--自主发货商品-->

       <!-- 默认信息-->
        <div class="am-receipt am-padding-vertical-sm am-g am-margin-top-xs  ">
            <div class="am-u-sm-11">
                <div class="am-margin-left-sm">
                    <div>
                            <span><strong>收货人：<span class="am-text-default default_name">{$order.realname}</span></strong></span>
                            <span class="am-phone am-fr"><strong class="default_phone">{$order.mobile}</strong></span>
                        </div>
                        <div class="am-margin-top-xs am-address">收货地址：<span class="default_address">{$order.address}</span></div>
                </div>                                               
            </div>

        </div>


        <!--下拉选择地址开始-->

        <div class="select_address">

        <div class="am-select am-padding-top-xs first_address" style="display:none;">

            <a href="#" class="am-inline-block add-first am-text-sm  am-padding-horizontal-sm am-padding-vertical-xs " style="width: 100%;">

                <span class=" am-fl am-name">哈哈</span>

                <span class=" am-fr am-number ">15850576348</span>

                <span class=" am-fl am-add am-padding-top-xs " style="clear: both"><span class="am-selection">[默认地址]</span> <span class="get_add">江苏省南京市玄武区黑乎乎</span></span>

            </a>

        </div><div class="am-select " style="display:none;">

            <a href="#" class="am-inline-block add-first am-text-sm  am-padding-horizontal-sm am-padding-vertical-xs " style="width: 100%;">

                <span class=" am-fl am-name">测试</span>

                <span class=" am-fr am-number ">15850576348</span>

                <span class=" am-fl am-add am-padding-top-xs " style="clear: both"> <span class="get_add">北京市东城区还好还好</span></span>

            </a>

        </div>
        </div>

</div>

<include file="public/foot" />
<style>

    /*弹窗*/

    .prompt {

        display: none;

        position: fixed;

        width: 100%;

        height: 100%;

        background: rgba(143,143,143,0.5);

        z-index: 100;

    }



        .prompt div {

            color: #c98080;

            border-radius: .5rem;

            background: white;

        }



        .prompt img {

            width: 18.7rem;

            height: 14rem;

        }



    .am-submit {

        border: .1rem solid #f54d23;

        color: #f54d23;

    }



    .line-clamp {

        -webkit-line-clamp: 2;

        max-height: 3.5rem;

    }



    .am-exchange {

        background: #f54d23;

    }



    /*淘宝购买/直接收货/新增信息详情/*/

    .am-receive,

    .am-receipt,

    .am-new {

        background: white;

    }



    .am-phone {

        line-height: 2;

    }



    .am-address,

    .am-newly,

    .am-first,

    .am-text {

        color: #8f8f8f;

    }



    .am-newly {

        height: 40px;

        border-bottom: .1rem solid #f3e7e3;

    }

        .am-newly input {
           color: #3d0505;
           line-height: 2;
           border: none;
        }
        .am-newly a {
           padding-top: 9px;
            padding-bottom: 9px;
        }

    .am-newlytitle {
        border-left: .3rem solid #f54d23;
    }

    select {
        border: 0;
    }

    textarea {
        color: #3d0505;
        width: 75%;
        border: 0;
        resize: none;
   }

    .am-details {
        display: none;
    }

    .am-icon-plus-circle,
    .am-exchange {
        color: #f54d23;
    }

    .am-exchange,
    .am-command,
    .am-text {
        width: 95%;
        height: 36px;
    }

        .am-exchange a {
            color: white;
            position: relative;
            top: 1px;
        }

    .am-command {
        width: 100%;
        background: white;
        color: #3d0505;
        border: .1rem dashed #f54d23;
        white-space: nowrap;
    }

    .am-text {
        width: 100%;
        border: .1rem solid #f54d23;
    }

    .edit_order, .check_score, .add_order {
        width: 90%;
        font-size: 1.4rem;
        border: .1rem solid #f54d23;
        background: white;
        height: 36px;
    }

    .am-explain {
        line-height: 1.8rem;
        background: white;
        color: #c98080;
    }

    p {
        text-decoration: underline;
    }

    .safari_top {
        display: none;
    }

    .safari_img {
        z-index: 2000;
        position: fixed;
        top: 10px;
        right: 0;
        position: fixed;
        z-index: 2000;
    }

        .safari_img img {
            width: 100%;
            margin: 0px;
        }

    .tinymask {
        z-index: 2000;
       width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgba(0,0,0,0.7);
        -webkit-tap-highlight-color: transparent;
    }
    .abort {
       width: 100%;
        margin: 20px 0px 40px 0px;
        text-align: center;
    }

        .abort a {
            width: 90%;
            padding: 25px 0px;
            border-radius: 18px;
            color: #fff;
            background: #e74646;
            text-decoration: none;
        }
            .abort a.brc {
                opacity: 0.8;
            }
    .am-del {
        background: rgba(61,5,5,0.5);
        color: white;
        position: absolute;
        top: 55px;
        height: 63px;
        width: 63px;
    }
    .am-itemdown {
        position: absolute;
        top: 27px;
        left: 1px;
    }
    .order_num {
        outline: none;
        -webkit-appearance: none;
    }

    /*选择地址*/
    .add-first {
        background: white;
        border-bottom: .1rem solid #f3e7e3;
    }
    .am-selection {
        color: #f54d23;
    }
    .am-add {
        color: #8f8f8f;
    }

    .am-pagination > .am-active > a {
        background-color: #f54d23;
        border-color: #f54d23;
    }

    .am-style-list {
        padding: 0px;
    }
        .am-style-list li {
            list-style-type: none;
        }
    .am-receipt a:hover,
    .am-receipt a:focus {
        color: #3d0505;

    }

    /*地区联动样式*/
    body {
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
    }
    .gearArea{
        background-color: rgba(0,0,0,0.2);
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9900;
        overflow: hidden;
        -webkit-animation-fill-mode: both;
    }
    .area_ctrl {
        vertical-align: middle;
        background-color: white;
        margin: 0;
        height: auto;
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 9901;
        overflow: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .slideInUp {
        animation: slideInUp .3s ease-in;
        -webkit-animation: slideInUp .3s ease-in;
    }

    @-webkit-keyframes slideInUp {
        from {
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }

    .area_roll {
        display: -webkit-box;
        width: 100%;
        height: auto;
        overflow: hidden;
        font-weight: bold;
        background-color: transparent;
        -webkit-mask: -webkit-gradient(linear, 0% 50%, 0% 100%, from(#debb47), to(rgba(36,142,36,0)));
        -webkit-mask: -webkit-linear-gradient(top, #debb47 50%, rgba(36,142,36,0));
    }

        .area_roll > div {
            height: 8em;
            float: left;
            background-color: transparent;
            position: relative;
            overflow: hidden;
            -webkit-box-flex: 1;
        }
    .area_roll_mask {
        -webkit-mask: -webkit-gradient(linear, 0% 40%, 0% 0%, from(#debb47), to(rgba(36,142,36,0)));
        -webkit-mask: -webkit-linear-gradient(bottom, #debb47 50%, rgba(36,142,36,0));
        padding: 0 0 3em 0;
    }
    .area_grid {
        position: relative;
        top: 4em;
        width: 100%;
        height: 2em;
        margin: 0;
        box-sizing: border-box;
        z-index: 0;
        border-top: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6;
    }

    .area_roll > div:nth-child(3) .area_grid > div {
        left: 42%;
    }
    .area_btn {
        text-align: center;
        padding: .8em 1em;
        cursor: pointer;
    }
    .area_btn_box {
        display: -webkit-box;
        -webkit-box-pack: justify;
        -webkit-box-align: stretch;
    }
    .gear {
        float: left;
        position: absolute;
        z-index: 9902;
        width: 5.5em;
        margin-top: 4em;
    }
    .area_roll > div .gear {
        width: 100%;
    }
    .tooth {
        height: 2em;
        line-height: 2em;
        text-align: center;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    /*完结*/
</style>
<div class="am-hide"></div>
</body>
</html>